export const ThumbsUpIcon = ( { className }: { className?: string } ) => (
	<svg
		width="14"
		height="12"
		viewBox="0 0 14 12"
		fill="none"
		xmlns="http://www.w3.org/2000/svg"
		className={ className }
	>
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M7.68465 4.24865C7.60814 4.58253 7.6879 4.93309 7.90135 5.20099C8.11481 5.46889 8.43869 5.62496 8.78123 5.62496H12.1089C12.3601 5.62496 12.5403 5.86711 12.4681 6.10771L11.1181 10.6077C11.0705 10.7663 10.9245 10.875 10.7589 10.875H4.57415C4.38503 10.875 4.2255 10.7341 4.20204 10.5465L3.69199 6.46601C3.67985 6.36894 3.70613 6.27097 3.76522 6.19301L7.49328 1.27351C7.56417 1.17995 7.67479 1.12499 7.79217 1.125L7.92987 1.12501C8.17079 1.12502 8.34919 1.34895 8.29538 1.58378L7.68465 4.24865ZM7.92994 8.55967e-06C8.8936 6.84007e-05 9.60721 0.89578 9.39195 1.83509L8.78123 4.49996H12.1089C13.1137 4.49996 13.8344 5.46856 13.5457 6.43098L12.1957 10.931C12.0053 11.5655 11.4213 12 10.7589 12H4.57415C3.81766 12 3.17956 11.4367 3.08573 10.686L2.57568 6.60555C2.52714 6.21727 2.63225 5.8254 2.86859 5.51353L6.59665 0.594033C6.88024 0.219809 7.3227 -2.91488e-05 7.79224 2.89888e-09L7.92994 8.55967e-06ZM1.375 6H0.25L1 12H2.125L1.375 6Z"
			fill="var(--studio-green-60)"
		/>
	</svg>
);

export const ThumbsDownIcon = ( { className }: { className?: string } ) => (
	<svg
		width="14"
		height="12"
		viewBox="0 0 14 12"
		fill="none"
		xmlns="http://www.w3.org/2000/svg"
		className={ className }
	>
		<path
			d="M13.75 6L12.625 6L11.875 3.12919e-07L13 4.1127e-07L13.75 6Z"
			fill="var(--studio-red-60)"
		/>
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M6.09852 6.79895C6.31198 7.06685 6.39174 7.41741 6.31523 7.75129L5.7045 10.4162C5.65069 10.651 5.82909 10.8749 6.07 10.8749L6.2077 10.8749C6.32509 10.8749 6.4357 10.82 6.5066 10.7264L10.2347 5.80693C10.2937 5.72897 10.32 5.631 10.3079 5.53393L9.79783 1.45347C9.77438 1.26581 9.61485 1.12498 9.42573 1.12498L3.24095 1.12498C3.07535 1.12498 2.92935 1.23361 2.88177 1.39223L1.53177 5.89223C1.45958 6.13283 1.63975 6.37498 1.89095 6.37498L5.21865 6.37498C5.56119 6.37498 5.88507 6.53104 6.09852 6.79895ZM4.60793 10.1649C4.39266 11.1042 5.10628 11.9999 6.06993 11.9999L6.20763 11.9999C6.67717 12 7.11964 11.7801 7.40323 11.4059L11.1313 6.48641C11.3676 6.17454 11.4727 5.78267 11.4242 5.39439L10.9141 1.31393C10.8203 0.563288 10.1822 -1.72757e-05 9.42573 -1.73419e-05L3.24095 -1.78826e-05C2.57854 -1.79405e-05 1.99456 0.434484 1.80421 1.06896L0.454212 5.56896C0.165486 6.53138 0.886156 7.49998 1.89095 7.49998L5.21865 7.49998L4.60793 10.1649Z"
			fill="#D63638"
		/>
	</svg>
);
